
<style>
/*重置*/
.bg{ background-color:#edefed; padding-top:60px;}
.title{ text-align:center; font-family:"汉仪大黑简"; font-size:30px; font-weight:normal; padding-top:50px; padding-bottom:35px;}
h1,h2,h3,p,h6,ul{ padding:0; margin:0;}
*{ font-family:arial,"微软雅黑","Helvetica Neue";}/*字体在不同处理器中不同显示（放置显示不出来）*/
body{ margin:0;}
a{ text-decoration:none; color:#666;}
.current a{}
li{ list-style:none;}
img{ display:block;}
.clearfix{ clear:both;}
/*页眉*/
.header_top{ background-color:#FFF;}
.center{ margin:0 auto; width:1000px;}
.logo{ float:left; margin-left:30px; margin-top:20px; margin-bottom:20px;}
.p1{ font-size:22px; color:#f15b36; padding-left:20px; float:left; margin-top:39px;}
.nav{ float:right; margin-right:30px; margin-top:39px;}
.nav a{ color:#f15b36; font-family:"微软雅黑"; font-size:18px; margin-left:20px; padding-bottom:20px;}
.nav .current{ border-bottom:#f15b36 5px solid;}
.nav a:hover{ border-bottom:#f15b36 5px solid;}
.contact{ overflow:hidden; position:relative; background-image:url(${ctx}/resources/img/up.png); height:100px;}
.contact_bg{width:1000px; margin:0 auto;}
.contact_bg p{ float:right; margin-right:20px; color:white; font-size:48px; line-height:100px; font-weight:lighter;}
/*新闻阅读详情*/
.read_box{ width:900px; margin:0 auto;}
.read_title{ font-size:36px; color:#333; text-align:center; margin-top:40px;}
.read_12px{ font-size:12px; line-height:24px; text-align:center; color:#666;}
.read{ font-size:16px; color:#666; line-height:24px; margin-top:10px;}
.share{ margin-bottom:30px;}
.share_btn{ width:50px; margin:0 auto; margin-top:40px; margin-bottom:40px;}
.share_left{ float:left;}
.share_left span{ float:left; line-height:16px;}
.share_left img{ float:left; margin-right:6px;}
.page{ float:right;}
.page img{ float:left; margin-left:12px;}
/*一个*/
.four{ overflow:hidden; position:relative;}
.four_bg{ position:relative; left:50%; margin-left:-960px;}
.four_title_box{ position:absolute; left:50%; top:40%; margin-left:-250px;}
.four_title{ color:white; font-family:"汉仪中等线简"; font-size:30px;}
/*四个*/
.service_box_bg{ background-color:#f2f2f2; position:relative; overflow:hidden;}
.service_box{ width:1000px; margin:0 auto;}
.service{ width:24.5%; float:left; border-right:1px solid #CCC; margin-bottom:20px; margin-top:80px;}
.service h2{text-align:center; font-family:"微软雅黑"; font-size:18px; font-weight:normal; line-height:20px; margin-top:-44px; margin-bottom:23px; color:#666666;}
.service h3{text-align:center; font-family:ebrima; font-size:14px; font-weight:normal; padding-left:31px; padding-right:31px; line-height:18px; padding-bottom:4px; color:#999;}
.san{ position:absolute;position:relative; left:50%; margin-left:-68px;}
/*页脚*/
.foot_box{ background-color:#f15b36;}
.foot{ width:1000px; margin:0 auto;}
.connect{ width:195px; margin:0 auto;}
.connect p{ text-align:center; color:white; font-size:48px; padding-top:65px; padding-bottom:50px;}

.button_center{ width:900px; margin:0 auto;}
.tel{ width:; float:left; margin-top:20px;}
.tel p{ color:#e5e5e5; font-size:14px; line-height:24px;}

.ma_box{ float:right; width:420px;}
.ma{ width:140px; float:left; margin-left:70px;}
.ma p{ font-size:14px; padding-top:10px; color:#e5e5e5; text-align:center; letter-spacing:5px;}

.copy{ text-align:center; color:#e5e5e5; font-size:14px; padding-bottom:45px; padding-top:30px;}
</style>
<script type="text/javascript" src="${ctx}/resources/js/qrcode.js"></script>
<script type="text/javascript" src="${ctx}/resources/js/jquery-2.0.3.min.js"></script>
<script type="text/javascript">
window.onload =function(){
    var qrcode = new QRCode(document.getElementById("qrcode"), {
        width : 96,//设置宽高
        height : 96
    });
    qrcode.makeCode("http://121.43.167.97:8080/friendly/index");
}
</script>
<body>
<!--页眉-->
<div class="header_top">
    <div class="center">
    	<div class="logo_box">
        	<div class="logo">
            	<a href="index.html"><img src="${ctx}/resources/imgdetail/logo.png"></a>
        	</div>
        	<p class="p1">总有一款匹配您！</p>
   		</div>
      	<div class="nav">
            <a href="${ctx}/index.html">首页</a>
            <a href="${ctx}/news.html" class="current">新闻资讯</a>
            <a href="${ctx}/aboutus.html?type=1">关于我们</a>
            <a href="${ctx}/linkus.html">联系我们</a>
            <a href="${ctx}/aboutus.html?type=3">加入我们</a>
        </div>
        <div class="clearfix"></div>
    </div>
</div> 
<div class="contact">   
    <div class="contact_bg">
        <p>NEWS</p>
    </div>
</div>    
<!--新闻阅读详情页面-->
<div class="read_box">
	<div class="read_title">
    	<h>${news.title!}</h>
    </div>
    
    <div class="read_12px">
    	<span>来源：</span><span class="laiyuan">${news.title!}</span>&nbsp;&nbsp;&nbsp;&nbsp;
        <span>作者：</span><span class="writer">液总汇</span>&nbsp;&nbsp;&nbsp;&nbsp;
        <span>发布时间：</span><span class="time">2017-03-1</span>
    </div>
    
    <div class="read">
    	<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${news.production!}
</p>
    </div>
    
    <div class="share_btn">
    	<img src="${ctx}/resources/imgdetail/share_btn.png">
    </div>
      <div id="qrcode" style="position: absolute; text-align:right;color:#858585;display:none;z-index:9999"><em onclick="closedwx()" style="color:black;">关闭</em> </div>
    <div class="share">
    	<div class="share_left">
        	<span>分享到：</span>
            <img onclick="wxclick()"  src="${ctx}/resources/imgdetail/wechat.png">
            <a onclick="qqclick()"><img src="${ctx}/resources/imgdetail/qqzone.png"></a>
            <a onclick="weiboclick()"><img src="${ctx}/resources/imgdetail/weibo.png"></a>
            <a onclick="dbclick()"><img src="${ctx}/resources/imgdetail/douban.png"></a>
            <div class="clearfix"></div>
        </div>
    	<div class="page">
            	<a href="${ctx}/news/detailpage.html?type=1&id=${news.id!}"><img src="${ctx}/resources/imgdetail/first.png"></a>
                <a href="${ctx}/news/detailpage.html?type=2&id=${news.id!}"><img src="${ctx}/resources/imgdetail/last.png"></a>
                <div class="clearfix"></div>
        </div>
        <div class="clearfix"></div>
    </div>
    	
</div>
<!--一个-->
<div class="four">
	<div class="four_bg">
    	<img src="${ctx}/resources/imgdetail/理念背景图.png">
    </div>
    <div class="four_title_box">
    	<p class="four_title">一件事 · 一个梦 · 一家人 · 一条心</p>
    </div>
</div>
<!--四个-->
<div class="service_box_bg">
	<div class="service_box">
    	
        <div class="service">
            <h2>使命</h2>
            <h3>成就天下</h3>
            <h3>液压气动人的中国梦</h3>
        </div>
        
        <div class="service">
            <h2>愿景</h2>
            <h3>让液总汇成为</h3>
            <h3>全国液压气动行业的领航者</h3>
        </div>
        
        <div class="service">
            <h2>价值观</h2>
            <h3>梦想 责任 创新</h3>
            <h3>协作 坚毅 分享</h3>
        </div>
        
        <div class="service" style="border-right:none;">
            <h2>口号</h2>
            <h3>液总汇，</h3>
            <h3>总有一款匹配您！</h3>
        </div>
        <div class="clearfix"></div>
    </div>
    
    <!--三角形-->
    <div class="san">
    	<img src="${ctx}/resources/imgdetail/底部尖角.png">
    </div>
</div>

<!--页脚-->
<div class="foot_box">
<div class="foot">
    <div class="connect">
    	<p>联系我们</p>
	</div>
    <div class="button_center">
   	   <div class="tel">
    		<p>全国客服热线： ${linkus.phone!}
       		<p>官方微信：${linkus.tel!}</p>
       		<p>传真：${linkus.fax!}</p>
        	<p>邮箱：${linkus.email!}</p>
        	<p>地址：${linkus.address!}</p>
    	</div>
     	<div class="ma_box">
    		<div class="ma">
   				<img src="${ctx}/resources/imgdetail/ma1.png">
        		<p>液总汇商城</p>
        	</div>
        	<div class="ma">
   				<img src="${ctx}/resources/imgdetail/ma2.png">
        		<p>液总汇APP</p>
        	</div>
        	<div class="clearfix"></div>
      	</div>
    	<div class="clearfix"></div>
	</div>
  
	<div class="copy">

        <p>©2016杭州栎鑫网络科技有限公司版权所有</p>
    </div>
</div>
</div>
</body>
<script>
function wxclick(){
	if($("#qrcode").css("display")=="none"){
		$("#qrcode").css("display","block");
	}else{
		$("#qrcode").css("display","none");
	}
	
}
function closedwx(){
		$("#qrcode").css("display","none");
}
var _title = "${news.name!}";
var _desc = ""; 
var _summary = "";
var _height =0;
var _width =0;
var _pic;
var _url = "http://www.zgyzh.net:8080/news/detail?id="+${news.id!};
function weiboclick(){
	var _source="";
	var _sourceUrl="";
	var _shareUrl = 'http://v.t.sina.com.cn/share/share.php?&appkey=895033136';     //真实的appkey ，必选参数
    _shareUrl += '&url='+ encodeURIComponent(_url||document.location);     //参数url设置分享的内容链接|默认当前页location，可选参数
    _shareUrl += '&title=' + encodeURIComponent(_title||document.title);    //参数title设置分享的标题|默认当前页标题，可选参数
    _shareUrl += '&source=' + encodeURIComponent(_source||'');
    _shareUrl += '&sourceUrl=' + encodeURIComponent(_sourceUrl||'');
    _shareUrl += '&content=' + 'utf-8';   //参数content设置页面编码gb2312|utf-8，可选参数
    _shareUrl += '&pic=' + encodeURIComponent(_pic||'');  //参数pic设置图片链接|默认为空，可选参数
    window.open(_shareUrl,'_blank','toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0,' + 'width=' + _width + ',height=' + _height + ',top=' + (screen.height-_height)/2 + ',left=' + (screen.width-_width)/2);
}
  
function qqclick(){
	var _showcount ;
	var _site;
	var _shareUrl = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?';
    _shareUrl += 'url=' + encodeURIComponent(_url||document.location);   //参数url设置分享的内容链接|默认当前页location
    _shareUrl += '&showcount=' + _showcount||0;      //参数showcount是否显示分享总数,显示：'1'，不显示：'0'，默认不显示
    _shareUrl += '&desc=' + encodeURIComponent(_desc||'分享的描述');    //参数desc设置分享的描述，可选参数
    _shareUrl += '&summary=' + encodeURIComponent(_summary||'分享摘要');    //参数summary设置分享摘要，可选参数
    _shareUrl += '&title=' + encodeURIComponent(_title||document.title);    //参数title设置分享标题，可选参数
    _shareUrl += '&site=' + encodeURIComponent(_site||'');   //参数site设置分享来源，可选参数
    _shareUrl += '&pics=' + encodeURIComponent(_pic||'');   //参数pics设置分享图片的路径，多张图片以＂|＂隔开，可选参数
    window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',top='+(screen.height-_height)/2+',left='+(screen.width-_width)/2+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
}
 function dbclick(){
	 var _shareUrl = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?';
	 var _shareUrl = 'http://shuo.douban.com/!service/share?';
	    _shareUrl += 'href=' + encodeURIComponent(_url||location.href);    //分享的链接
	    _shareUrl += '&name=' + encodeURIComponent(_title||document.title);    //分享的标题
	    _shareUrl += '&image=' + encodeURIComponent(_pic||'');    //分享的图片
	    window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+(screen.width-_width)/2+',top='+(screen.height-_height)/2+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
 }
</script>
